.column {
    width: 33%;
    margin-right: .5%;
    min-height: 100px;
    background: #fff;
    float: left;
    border: 1px solid;
}

.dragbox {
    margin: 2px 2px 10px;
    background: #fff;
    position: relative;
    border: 1px solid #ddd;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: auto;
    min-height: 25px;
}

.dragbox h2 {
    margin: 0;
    font-size: 12px;
    padding: 5px;
    background: #f0f0f0;
    color: #000;
    border-bottom: 1px solid #eee;
    font-family: Verdana;
    cursor: move;
}

.dragbox-content {
    background: #fff;
    min-height: 100px;
    margin: 5px;
    font-family: 'Lucida Grande', Verdana;
    font-size: 0.8em;
    line-height: 1.5em;
}

.placeholder {
    background: #FFFFFF;
    border: 1px dashed #ddd;
    min-height : 100px;
}

.dragbox h2.collapse {
    background: #f0f0f0 url('collapse.png') no-repeat top right;
}

.dragbox h2 .configure {
    font-size: 11px;
    font-weight: normal;
    margin-right: 30px;
    float: right;
}


.principal {
   border : 1px solid;
   width : 960px;
   float : left;
 }  

 .top {
    clear : both;
    width : 960px;
    border : 1px solid;
    min-height : 150px;     
 }
 
 .footer {
    clear : both;
    width : 960px;
    border : 1px solid;
    min-height : 50px;     
 }
 
 .content 
  {
    border : 1px solid;
    min-height: 320px;
    min-width: 150px;
    max-width: 640px; 
    float : left;
    width : 640px;
    margin : 5px;
  }

 .right
  {
    border : 1px solid;
    min-height: 320px;
    min-width: 150px;
    max-width: 150px;  
    float : right;
    margin : 5px 0;
  }

.left
  {
    border : 1px solid;
    float : left;
    min-height: 320px;
    min-width: 150px;
    max-width: 150px; 
    margin : 5px 0;
  }  
 
.opciones {
  width : 350px;
  float : right;
}

#pagina 
  {
    margin : 0px 0px 0px 5px;
    padding : 5px;
  }